<!DOCTYPE html>
<html>
<head>
<jsp:include page="include/meta.jsp" />
<title><smt:dict code="company.name" /></title>
<style type="text/css">
h1, h2 , h3, h4, p, li{font-family:microsoft yahei;}
.brand{background-image:url(upload/images/desktop/map1.png);}
.weixin{background-image:url(upload/images/desktop/map2.png);}
.shop{background-image:url(upload/images/desktop/map3.png);}
.app{background-image:url(upload/images/desktop/map4.png);}


#intro{padding:0;margin:0;height:0 !important;width:0;overflow:hidden !important;}
#intro .logo{float:left;margin:0 10px 10px 0;}

@media screen and (min-width:600px){
	.slide1{background-image:url(upload/images/desktop/banner11.jpg);}
	.slide2{background-image:url(upload/images/desktop/banner12.jpg);}
	.slide3{background-image:url(upload/images/desktop/banner13.jpg);}
	.slide4{background-image:url(upload/images/desktop/banner14.jpg);}
}
		
@media screen and (max-width:600px){
	.slide1{background-image:url(upload/images/mobile/banner/b1.jpg);}
	.slide2{background-image:url(upload/images/mobile/banner/b2.jpg);}
	.slide3{background-image:url(upload/images/mobile/banner/b3.jpg);}
	.slide4{background-image:url(upload/images/mobile/banner/b4.jpg);}
}
		
@media screen and (min-width:600px){
	.page2{background-image:url(upload/images/desktop/banner2.jpg);}
	.page3{background-image:url(upload/images/desktop/banner3.jpg);}
	.page4{background-image:url(upload/images/desktop/banner4.jpg);}
	.page5{background-image:url(upload/images/desktop/banner5.jpg);}
	.page7{background-image:url(upload/images/desktop/banner5.jpg);}
}
@media screen and (max-width:600px){
	.page2{background-image:url(upload/images/mobile/p1.jpg);}
	.page3{background-image:url(upload/images/mobile/p2.jpg);}
	.page4{background-image:url(upload/images/mobile/p3.jpg);}
	.page5{background-image:url(upload/images/mobile/p4.jpg);}
}

@media screen and (min-width:1050px){
	#index_x{ display:none}
}
</style>
</head> 
<script src="resources/js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
  $("#index_x").click(function(){
    $("#menu").hide();
  });
  $("#index_xs").click(function(){
    $("#menu").show();
  });
});
</script>
<body> 
<jsp:include page="include/navbar.jsp"/>
<div class="page-container">
	<section class="section page1">
		<div class="rbslider-container">
			<div class="home-news">
				<span>NEWS:</span>
				<ul>
					<c:forEach var="info" items="${infos}">
					<li><a href="info/${info.id}.html">${info.title}</a></li>
					</c:forEach>
				</ul>
				<a target="blank" href="info/list" class="more">more</a>
			</div>
			<div class="rbslider-wrapper">
				<div class="rbslider-slide slide1" style="cursor:pointer;" onclick="document.location.href='<smt:dict code="homepage.slide1.link" />';">
					<div class="slide-content slide-content-1">
						<h2><a href="javascript:;"><b><smt:dict code="homepage.slide1.slogan1" def="让科技颠覆交易" />
							<br><smt:dict code="homepage.slide1.slogan2" def="让智能负责收益" /></b></a></h2> 
						<p class="intro"><smt:dict code="homepage.slide1.slogan3" def="上海量资资产管理有限公司" /></p>
						<p class="img"><img alt="" src="" /></p>
					</div>
				</div>
				<div class="rbslider-slide slide2" style="cursor:pointer;" onclick="document.location.href='<smt:dict code="homepage.slide2.link" />';">
					<div class="slide-content slide-content-2">
						<h1 style="font-size:4.3em;"><smt:dict code="homepage.slide2.slogan1" /></h1> 
						<h3><a href=""><smt:dict code="homepage.slide2.slogan2" /></a></h3>
						<p class="intro"><smt:dict code="homepage.slide2.slogan3" /></p>
					</div>
				</div> 
				<div class="rbslider-slide slide3" style="cursor:pointer;" onclick="document.location.href='<smt:dict code="homepage.slide3.link" />';">
					<div class="slide-content slide-content-3">
						<div class="content-box">
							<h2><smt:dict code="homepage.slide3.slogan1" def="诚信 优质服务" /><b>
							<a href="javascript:;"><smt:dict code="homepage.slide3.slogan2" def="PURPOSE" /></a></b></h2> 
							<p class="intro"><smt:dict code="homepage.slide3.slogan3" def="做有良知的金融企业" />
							<br /><smt:dict code="homepage.slide3.slogan4" def="做有良知的金融人" /></p>
	 					</div> 
					</div>
					<div class="background-box"></div> 
				</div>
				<div class="rbslider-slide slide4" style="cursor:pointer;" onclick="document.location.href='<smt:dict code="homepage.slide4.link" />';">
					<div class="slide-content slide-content-4">
						<h2><smt:dict code="homepage.slide4.slogan1" def="不断为广大用户提供优质服务" /></h2> 
						<h3><a href="javascript:;"><smt:dict code="homepage.slide4.slogan2" def="创造更大的收益" /></a></h3>
						<p class="intro"><smt:dict code="homepage.slide4.slogan3" def="最终实现合作共赢, 携手同行!" /></p> 
					</div> 
				</div>					
			</div> 
			<a class="move-down"></a> 
			<div class="rbslider-pagination"></div> 
		</div>
	</section>
	<section class="section page2" style="background-position:center bottom;">
		<div class="section-content-container rbslider-item-list-container">
			<hgroup>
				<h2><smt:dict code="homepage2.title" /></h2>
				<h3><smt:dict code="homepage2.subtitle" /></h3>
			</hgroup>
			<div class="section-content rbslider-item-list-wrapper case-list">
			<ul class="rbslider-item-list clearfix">
			 	<li><a href="<smt:dict code="homepage2.link1.url" />">
					<div class="img-box">
						<div class="img"><img src="upload/images/desktop/re-title1.jpg" alt="" /></div> 
						<div class="ck"></div>
						<div class="cover"></div>  
					</div>
					<div class="intro">
						<div class="intro-content">
							<h3><smt:dict code="homepage2.link1.text" /></h3>
							<p></p>
						</div>
						<div class="cover"></div>
					</div></a>
				</li>
				<li><a href="<smt:dict code="homepage2.link2.url" />">
					<div class="img-box">
						<div class="img"><img src="upload/images/desktop/re-title3.jpg" alt="" /></div> 
						<div class="ck"></div>
						<div class="cover"></div>  
					</div>
					<div class="intro">
						<div class="intro-content">
							<h3><smt:dict code="homepage2.link2.text" /></h3>
							<p></p>
						</div>
						<div class="cover"></div>
					</div></a>
				</li>
				<li><a href="<smt:dict code="homepage2.link3.url" />">
					<div class="img-box">
						<div class="img"><img src="upload/images/desktop/re-title2.jpg" alt="" /></div> 
						<div class="ck"></div>
						<div class="cover"></div>
					</div>
					<div class="intro">
						<div class="intro-content">
							<h3><smt:dict code="homepage2.link3.text" /></h3>
							<p></p>
						</div>
						<div class="cover"></div>
					</div></a>
				</li>
							
			</ul>
			 <div class="rbslider-pagination"></div>
			</div>
			<div class="navigation case">
				<a class="prev"></a>
				<a class="next"></a>
			</div>
		</div>
	</section>
	
	<section class="section page3">
		<div class="section-content-container">
			<hgroup>
				<h2><smt:dict code="homepage3.title" /></h2>
				<h3><smt:dict code="homepage3.subtitle" /></h3>	
			</hgroup>
			<ul class="section-content service-list">
				<li>
					<a href="<smt:dict code="homepage3.link1.url" />">
					<div class="top brand">
						<h3><smt:dict code="homepage3.link1.text1" /></h3>
						<p><smt:dict code="homepage3.link1.text2" /></p>
					</div>
					<div class="intro">
					<p><smt:dict code="homepage3.link1.text3" /></p>
					</div>
					</a>
				</li>
		
				<li>
					<a href="<smt:dict code="homepage3.link2.url" />">
					<div class="top weixin">
						<h3><smt:dict code="homepage3.link2.text1" /></h3>
						<p><smt:dict code="homepage3.link2.text2" /></p>
					</div>
					<div class="intro">
					<p><smt:dict code="homepage3.link2.text3" /></p>
					</div>
					</a>
				</li>
				
				<li>
					<a href="<smt:dict code="homepage3.link3.url" />">
					<div class="top shop">
						<h3><smt:dict code="homepage3.link3.text1" /></h3>
						<p><smt:dict code="homepage3.link3.text2" /></p>
					</div>
					<div class="intro">
					<p><smt:dict code="homepage3.link3.text3" /></p>
					</div>
					</a>
				</li>
				
				<li>
					<a href="<smt:dict code="homepage3.link4.url" />">
					<div class="top app">
						<h3><smt:dict code="homepage3.link4.text1" /></h3>
						<p><smt:dict code="homepage3.link4.text2" /></p>
					</div>
					<div class="intro">
					<p><smt:dict code="homepage3.link4.text3" /></p>
					</div>
					</a>
				</li>
			</ul><br />
			<div style="clear:both; text-align: center;">
			<br />
			
			</div>
		</div> 
	</section>
	
	<section class="section page4">
		<div class="section-content-container">
			<div class="companyIntro">
				<h2 style="color: #ff6600; white-space:nowrap;"><smt:dict code="company.name" /></h2><br />
				<p>
					<smt:doc code="company.intro" />
				</p>
				<p><smt:dict code="company.intro.slogan1" />
				<br /><smt:dict code="company.intro.slogan2" /></p>
			</div>
			
		</div> 
	</section>
	
	<section class="section page5">
		<div class="home-contact">
			<ul class="clearfix">
				<li class="img"><img src="upload/images/qrcode.jpg" align="微信" /></li>
				<li class="center" style="margin-top: 17px;">
					<h2><a href="tel:<smt:dict code="company.phone" />" class="联系电话"><smt:dict code="company.phone" /></a></h2>
					<p>
					<smt:dict code="company.name" />
					<br /><smt:dict code="company.name.english" /><br>
					<smt:dict code="company.address" /><br/>
					<smt:dict code="company.address1" /><br/>
					</p>
				</li>
				<li class="line"></li>
			</ul>
			<div class="clear"></div> 
			<div style="position: absolute; bottom: 10px; width: 100%;">
				<div class="kh">
					<p style="color: #666; font-size:14px"><a href="http://www.miitbeian.gov.cn/" target="_blank">
						<smt:dict code="site.copyright" /><br />
						<smt:dict code="site.beian" /></a>
					</p>
				</div>
			</div>
		</div>
	</section>
</div>
<div id="panel">
	<ul class="icons">
		<li class="up" title="上一页"></li>
		<li class="qq"></li>
		<li class="tel"></li>
		<li class="wx"></li>
		<li class="down" title="下一页"></li>
	</ul> 
	<ul class="info"> 
		<li class="qq">
		<p>在线沟通，请点我<a href="<smt:dict code="company.onlineqq.url" def="http://wpa.qq.com/msgrd?v=3&uin=3188706080&site=qq&menu=yes"/>" target="_blank">在线咨询</a></p>
		</li>
		<li class="tel">
		<p>咨询热线：<br><span style="white-space:nowrap;"><smt:dict code="company.phone" /></span><br>客服qq：<br><span style="white-space:nowrap;"><smt:dict code="company.qq" def="3188706080" /></span></p>
		</li>
		<li class="wx"> <div class="img"><img src="upload/images/qrcode.jpg" style="margin-top: 10px;" /></div> </li>
	</ul>
</div>
<div id="xy" class="index_cy"></div>
<script> 
$("header nav .icon_menu").click(function(){
	$(this).siblings("ul").toggleClass("show");
});
$("#panel .icons li").not(".up,.down").mouseenter(function(){
	$("#panel .info").addClass('hover');
	$("#panel .info li").hide();
	$("#panel .info li."+$(this).attr('class')).show();
});
$("#panel").mouseleave(function(){
	$("#panel .info").removeClass('hover');
})
$(".icons .up").click(function(){
	$.fn.ronbongpage.moveSectionUp(); 
});
$(".icons .down").click(function(){
	$.fn.ronbongpage.moveSectionDown(); 
});
 $("#xy").click(function(){
    $("#panel").toggle();
    if($(this).hasClass('index_cy')) {
    	$(this).addClass('index_cy2');
    	$(this).removeClass('index_cy');
    }
    else {
    	$(this).addClass('index_cy');
    	$(this).removeClass('index_cy2');
    } 
});
 $('#menu li').click(function(){
	 var that = $(this);
	 setTimeout(function(){
		 that.click();
	 }, 300);
});
 
function timeoutGo(url) {
	setTimeout(function(){
		document.location.href = url;
	}, 2000);
}
</script>
<script type="text/javascript" src="resources/js/home.js?v=2"></script>
<smt:dict code="site.baidu.code" />
</body>
</html> 